<ion-header>
    <ion-toolbar content-page class="fir-toolbar">
        <!--<ion-buttons start>-->
            <!--<button ion-button icon-only (click)="backClickHandle($event)">-->
                <!--<i class="toolbar-back"></i>-->
            <!--</button>-->
        <!--</ion-buttons>-->
        <ion-title>
            消息
        </ion-title>
        <ion-buttons end>
            <button ion-button icon-only adpmenutoggle>
                <i class="toolbar-menu"></i>
            </button>
        </ion-buttons>
    </ion-toolbar>

</ion-header>

<ion-content>
    <!--下拉刷新-->
    <ion-refresher (ionRefresh)="doRefresh($event)" [pullMax]="800">
        <ion-refresher-content></ion-refresher-content>
    </ion-refresher>
    <!--搜索框-->
    <div class="info-hd">
        <div class="search-bar">
            <input (keyup.Enter)="inputKeyUp($event)" [(ngModel)]="keyword"
                   type="text" placeholder="标题">
            <i (click)="searchHandle($event)"></i>
        </div>
        <button ion-button (click)="goToCollectionList()">收藏夹</button>
    </div>
    <!--消息类型列表-->
    <ion-list>
        <ion-item class="device-pixel-border-bottom" (click)="goToList(keyword,[item.id],false,true,item.category)" *ngFor="let item of overviewData">
            {{item.category}}
            <ion-badge item-end>{{item.unreadNum?(item.unreadNum<=99?item.unreadNum:'99+'):''}}</ion-badge>
            <ion-icon name="arrow" item-end>
                <img src="./assets/images/me/setting_arrow.png" alt="">
            </ion-icon>
        </ion-item>
    </ion-list>
    <div *ngIf="!overviewData.length&&requestStatus" class="no-data">
        <div class="no-data-img"><img src="./assets/images/common/icon_nodata.png"></div>
        <div class="no-data-txt">没有相关数据</div>
    </div>
</ion-content>
